@charset "utf-8";

/* CSS Document */

a,blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,html,img,input,label,legend,li,object,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;border:0;outline:0}

body{font:12px/1.5 'Microsoft YaHei';color:#333;}

h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%}

:focus{outline:0}

ol,ul{list-style:none}

fieldset,img{border:0 none;vertical-align:top}

address,caption,cite,code,dfn,em,i,optgroup,th,var{font-style:normal;font-weight:400}

abbr,acronym{border:0;font-variant:normal}

button,input,optgroup,option,select,textarea{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}

code,kbd,samp,tt{font-size:100%}

button,input,select,textarea{outline:0}

textarea{resize:none}

table{border-collapse:collapse;border-spacing:0}

blockquote,q{quotes:none}

blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}

.fl{float:left}

.fr{float:right}

a{color:#333;text-decoration:none;-webkit-transition:color .2s ease-in-out;-moz-transition:color .2s ease-in-out;transition:color .2s ease-in-out;-webkit-transition:background-color .2s ease-in-out;-moz-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out}

a:hover{color:#1898e9}

@media screen and (min-width:320px){blockquote,body,button,code,dd,div,dl,dt,fieldset,form,input,legend,lipre,ol,p,td,textarea,th,ul{font-size:16px;font-family:'微软雅黑'}

}



.content{ padding:0 10%; margin:0px auto;}

.contentbox{ width:1200px; margin:0px auto;}


.header{width:100%;top:0;left:0;z-index:999;padding:15px 0px; overflow:hidden; }

.header .logo{ float:left; margin-top:10px;}

.header .hot{ color:#fff; float:right; margin-top:25px;}



.nav{ overflow:hidden; display:block; background:#1898e9 }

.nav ul{ overflow:hidden; padding:0 10%;  }

.nav ul li{ overflow:hidden; float:left; height:50px; line-height:50px;  width:12.5% }

.nav ul li a{ display:block; text-align:center; color:#fff;}

.nav ul li a:hover{ display:block; background:#e6c081; color:#000;}

.nav ul li a.active{ background:#e6c081; color:#000;}



.caidan{ float:right; margin-top:34px; display:none;} 

.guanbi{ float:right; margin-top:1px; display:none;} 



.w1800{display: none;  background: url(../images/hot1.png) no-repeat center left;   padding-left: 30px;   position: absolute;   top: 5px;   right: 5.5%;   top: 18px; font-size: 16px;  color: #ea0416;}

.span{ float: right; color: #fff; font-size: 18px; margin-top: 30px; background:url(../images/dh.png) no-repeat center left; display:inline-block; padding-left: 39px; line-height:18px;}

.d_mobile{ float: right; color: #333; font-size: 18px; margin-top: 30px; background:url(../images/dh1.png) no-repeat center left; display:inline-block;    padding-left: 39px; line-height:18px;}






#navToggle{display:none}

.m_nav{position:fixed;top:0;box-shadow:0 15px 27px 0 rgba(167,165,165,.38);width:100%;height:100%;background:#fff;transition:all ease .5s;-webkit-transition:all ease .5s;z-index:1000;opacity:1;visibility:visible;margin-top:0;overflow-y:auto;transition:all .6s cubic-bezier(.77,0,.175,1) 0s;top:0;transform:translateX(100%)}

.m_nav.open{transform:translateX(0)}

.m_nav .top{height:60px;padding:20px;box-sizing:border-box}

.m_nav .top .closed{width:30px;height:30px;vertical-align:middle;float:right;cursor:pointer}

.m_nav .logo{width:100%;margin:0 auto}

.m_nav .logo img{height:50px;display:block;margin:0px auto}

.m_nav .ul{margin-top:30px}

.m_nav .ul li{padding:0 20px;border-bottom:1px solid #f5f5f5;transform:translateY(0);-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:all .6s cubic-bezier(.77,0,.175,1) 0s;transition:all .6s cubic-bezier(.77,0,.175,1) 0s;opacity:0}

.m_nav.open .ul li{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}

.m_nav .ul li:nth-child(1){-webkit-transition:all .2s cubic-bezier(.77,0,.175,1) 0s;transition:all .2s cubic-bezier(.77,0,.175,1) 0s}

.m_nav .ul li:nth-child(2){-webkit-transition:all .4s cubic-bezier(.77,0,.175,1) 0s;transition:all .4s cubic-bezier(.77,0,.175,1) 0s}

.m_nav .ul li:nth-child(3){-webkit-transition:all .6s cubic-bezier(.77,0,.175,1) 0s;transition:all .6s cubic-bezier(.77,0,.175,1) 0s}

.m_nav .ul li:nth-child(4){-webkit-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;transition:all .8s cubic-bezier(.77,0,.175,1) 0s}

.m_nav .ul li:nth-child(5){-webkit-transition:all 1s cubic-bezier(.77,0,.175,1) 0s;transition:all 1s cubic-bezier(.77,0,.175,1) 0s}

.m_nav .ul li:nth-child(6){-webkit-transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s;transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s}

.m_nav .ul li:nth-child(7){-webkit-transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s;transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s}

.m_nav .ul li:nth-child(8){-webkit-transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s;transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s}

.m_nav .ul li:nth-child(9){-webkit-transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s;transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s}

.m_nav .ul li:nth-child(10){-webkit-transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s;transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s}

.m_nav .ul li a{display:block;text-decoration:none;color:#333;font-size:16px;height:50px;line-height:50px;width:100%}

.m_nav .ul li .dropdown_menu{display:none}

.m_nav .ul li.dropdown.active .dropdown_menu{display:block}

.m_nav .ul li .dropdown_menu a{display:block;height:50px;line-height:50px;padding:0 40px;box-sizing:border-box;border-bottom:1px solid #f5f5f5}

.m_nav .ul li .dropdown_menu a:last-child{border:none}















.banner{width:100%}

.banner img{width:100%}





.banner{width:100%; margin:0 auto;height:900px;position:relative;min-width:1200px}

.fullSlide{width:100%;position:relative;height:900px;background:#eee;margin:0 auto}

.fullSlide .md{margin:0 auto;position:relative;z-index:0;overflow:hidden}

.fullSlide .md ul{width:100%!important;margin:0;padding:0;list-style:none}

.fullSlide .md li{width:100%!important;height:900px;overflow:hidden;text-align:center}

.fullSlide .md li a{display:block;height:900px}

.fullSlide .hd{bottom:28px;height:10px;left:0;line-height:9999px;margin:0 auto;position:relative;width:1000px;z-index:1;overflow:hidden}

.fullSlide .hd ul{list-style:outside none none;margin:0 auto;padding:0;text-align:center}

.fullSlide .hd ul li{cursor:pointer;display:inline-block;zoom:1;width:60px;margin:5px 2px;overflow:hidden;color:#fff;height:5px;background:#fff;font-size:12px;overflow:hidden;border-radius:10px}

.fullSlide .hd ul .on{background:#1898e9;color:#fff}







.pics_wrap{display:block}





.ys{width:100%;  position:relative;  overflow:hidden;}



.ys_box{padding:0 10%; position:relative; }

 .ys_con{ padding-bottom:30px; margin-top:10px; width:25%; border:8px #fff solid; box-sizing:border-box; float:left; border-radius:20px;  position:relative; text-align:center; 

 background: linear-gradient(-30deg,#4a569d,#24c6dc);

 min-height:330px;}

.ys_text{ padding:0 15%; font-size:22px; line-height:30px; color:#666; text-align:center; margin:20px auto}

.ys_text p{ padding:20px 0; font-size:22px; line-height:36px; }

.ys_text p span{ display:block;}



 .ys_con h3{overflow:hidden;font-size:32px;color:#333;margin:50px  0 30px; padding-bottom:40px; font-weight:bold; background:url(../images/ysx.png) no-repeat center bottom; color:#fff;}

  .ys_con h3 p{ font-size:25px; font-weight:400;}

 .ys_con dt{overflow:hidden;font-size:18px; font-weight:400;color:#fff;text-align:left; margin: 0 15% 15px;;  line-height:28px;}







.hmc2ItmBox strong { display: block; font-size: 24px; line-height: 46px; font-weight: normal; overflow: hidden; height: 46px; }

.hmc2_et { font-size: 12px; line-height: 16px; height: 32px; margin: 4px 0px 8px; }

.hmc2_des { font-size: 16px; line-height: 24px; height: 48px; padding:0 30px; }

.hmc2aBox:hover .hmc2ItmBox:after{background:#fff;}

.hmc2aBox:hover .hmc2ItmBox{color:#333; transform:translateY(-60px);}





@media (max-width:1599px){

.hmc2ItmBox{margin-top:-58px;}

.hmc2ItmBox strong{font-size:24px;}

.hmc2_des{font-size:13px;}

.hmc2Tnm strong{font-size:36px;}

}

@media (max-width:750px){

.hmc2Tnm{position:static; text-align:center; transform:translateX(0)}

.hmPage2 {padding-top:50px;}

.hmc2Itms li{width:50%; height:280px; border:2px #ffff solid; box-sizing:border-box; overflow:hidden;}

.hmc2aBox:hover .hmc2ItmBox{transform:translateY(0px);color:#fff;}

.hmc2aBox:hover .hmc2aBg{opacity:0;}

.hmc2aBox:hover .hmc2Icon:before{opacity:0;}

.hmc2aBox:hover .hmc2ItmBox:after{background:#C7B37B;}

.hmc2Itms li:last-child{ display:block;}

.hmc2ItmBox{top:0;margin-top:0;}

.hmc2Tnm{ display:none;}

.hmc2Itms{margin-top:30px;}

.hmc2Tnm strong{font-size:26px; line-height:48px;}

.hmc2Icon{margin-bottom:10px; margin-top:15%}

.hmc2ItmBox strong{font-size:0.25rem;}

.hmc2aBg{opacity:0.3;}

}



@media (max-width:45px){

.hmc2Icon{margin-bottom:10px; margin-top:30%}





}























.product-number-info{position:relative}

.product-number-info .product-number-inner{margin:0 auto}

.product-number-info ul{padding:85px 0 50px}

.q{zoom:1}

.product-number-info li{float:left;width:25%;height:90px;color:#00479d;padding-top:1px}

.product-number-info li:first-child{border:none}

.product-number-info li b{font-weight:400;font-size:36px;line-height:1;display:inline-block;position:relative;margin:0px 0 10px}

.product-number-info li div{float:left; margin-top:15px; margin-right:10px;}

.product-number-info li span{ overflow:hidden;}

.product-number-info li p{font-size:18px}

.product-number-info li b i{font-style:normal; font-family:Impact; font-size:45px;}

.product-number-info li b sup{position:absolute;font-size:20px;right:-26px;top:-3px}



.product-number-info li.li-5{text-align:right}

.product-number-info li:nth-child(2){width:15%; margin-left:7% }

.product-number-info li:nth-child(3){width:15%; margin-left:13% }

.product-number-info li:nth-child(4){width:11%; float:right;}









.about{ overflow:hidden; background:url(../images/ysbj.png) no-repeat; background-size:100% 100%; width:100%; margin:0px auto ; padding-bottom:60px; }







.aboutbox{overflow:hidden; position:relative;  margin:0px auto; padding:0 10%; padding-bottom:60px; }

.le1{width:100%;overflow:hidden;  margin:60px auto 0; }

.le1 img{width:100%;height:100%;}



.le2{overflow:hidden;margin-top:30px; width:55%; float:left; }

.le2 h3{font-size:26px;color:#dd2116; padding-bottom:10px; text-align:left; font-weight:600; letter-spacing:1px;}



.le2 h3 i{font-size:13px;color:#666;   font-style:normal; text-align:left; font-weight:normal; display:block;letter-spacing:0px;  }

.le2-sub{  color: #333; padding:0px 15px 0 0;;   text-align:left;   overflow: hidden; line-height: 30px;   font-size: 15px;   overflow: hidden; font-size:16px; margin:0 15%;}

.le2-sub a{color:#1898e9;}

.le2-sub1{font-size:16px;height:52px; line-height:52px;color:#fff;text-align:center; background:#dd2116;  width:200px; border-radius:5px; margin-top:25px; }

.le2-sub1:hover{ background:#ea0315;color:#fff; }













	

	

.owl-carousel .owl-wrapper:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

/* display none until init*/

.owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y; }

.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}

.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%; z-index:99}

.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}

.owl-carousel .owl-item{float: left; border: 5px rgba(0,0,0,0) solid;

    box-sizing: border-box;}

.owl-controls .owl-page,

.owl-controls .owl-buttons div{cursor: pointer;}

.owl-controls{-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

/* mouse grab icon*/

.grabbing{cursor:url(../images/grabbing.png) 8 8, move;}

/* fix*/

.owl-carousel .owl-wrapper,

.owl-carousel .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}







/*

*Owl Carousel Owl Demo Theme

*www.mycodes.net

*/

.owl-theme .owl-controls{margin-top: 3%;text-align: center;}

/* Styling Next and Prev buttons*/

.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/margin: 5px;padding: 3px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;background: #869791;filter: Alpha(Opacity=50);/*IE7 fix*/opacity: 0.5; background:url(../images/sgqs_41.png) no-repeat;}

.owl-theme .owl-controls .owl-buttons div.owl-next{color: #FFF;display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/margin: 5px;padding: 3px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;background: #869791;filter: Alpha(Opacity=50);/*IE7 fix*/opacity: 0.5; background:url(../images/rjian.png) no-repeat;}

/* Clickable class fix problem with hover on touch devices*//* Use it for non-touch hover action*/

.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;text-decoration: none;}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/}

.owl-theme .owl-controls .owl-page span{display: block;width: 12px;height: 12px;margin: 5px 7px;filter: Alpha(Opacity=50);/*IE7 fix*/opacity: 0.5;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background: #869791;}

.owl-theme .owl-controls .owl-page.active span,

.owl-theme .owl-controls.clickable .owl-page:hover span{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;}

/* If PaginationNumbers is true*/

.owl-theme .owl-controls .owl-page span.owl-numbers{height: auto;width: auto;color: #FFF;padding: 2px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}

/* preloading images*/

.owl-item.loading{min-height: 150px;background: url(../images/AjaxLoader.gif) no-repeat center center}



.owl-demo .item{ position:relative; background:#fff; }

.owl-demo .item img{display: block;width: 100%;height: auto; opacity:1}

	

.owl-demo .item  div.datu{ width:100%; height:100%; position:relative; overflow:hidden; }





.owl-demo .item  div.datu img{-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;width:100%;height:100%}

.owl-demo .item  div.datu:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}



.owl-demo .item  div.datu dl{width:100%; height:100%; display:block; background:rgba(0,0,0,0.5); position:absolute; top:-120%; z-index:9; transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out; }

.owl-demo .item  div.datu dl span{display:block; width:60px; height:60px; border-radius:50%; margin:105px auto 0; background:#66c7ce; line-height:60px; text-align:center; color:#fff; font-size:24px;}

.owl-demo .item  div.text{ padding:10px; position:relative; z-index:99}

.owl-demo .item  h3{font-size:16px; margin:0px;text-align:center; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; color:#333;font-weight:400; background:#f1f1f1; height:50px; line-height:50px;}	

.owl-demo .item:hover h3{ background:#dd2116;}





.owl-demo .item:hover h3{ color:#fff;}	

.owl-demo .item:hover{background:#2c6fbd; transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out; }	

.owl-demo .item:hover p,.owl-demo .item:hover div dd{ color:#fff;}	

	

.owl-demo .item  a{ color:#fff; display:block; }

.owl-demo .item  a h3{text-decoration:none;}	

.owl-demo .item  dd a:hover  { background:#0374c3;}		

	/*.owl-buttons{ display:none;}*/

.owl-buttons{     position: absolute;

    top: 34%;

    width: 105%;

    margin-left: -42px;

}	

.owl-prev{float:left; width: 30px; height: 60px;}

.owl-next{float:right; width: 30px; height: 60px;}

.owl-pagination{ display:none;}









.news_box{ margin:0px auto;}



.fanhui{background:#137dbf;text-align:center;color:#fff;padding:2% 0;margin:0% 0 0%;font-size:.25rem; display:none}

.fanhui a{color:#fff}





.buttom{background:#137dbf;bottom:0;margin:0 auto;max-width:970px;min-width:320px;position:fixed;width:100%;z-index:9999; display:none;}

.buttom ul{overflow:hidden}

.buttom ul li{color:#fff;float:left;width:25%;padding:3% 0;border-right:1px #fff solid;box-sizing:border-box}

.buttom ul li .sy{overflow:hidden;text-align:center;vertical-align:middle;width:50%;margin:0 auto}

.buttom ul li p{font-size:.2rem;overflow:hidden;text-align:center}

.buttom ul li a{color:#fff}

.buttom ul li .sy img{width:80%}

















.title{ border-bottom:1px #ccc solid; height:60px; line-height:60px; font-size:40px; color:#00479d; margin-top:50px; }

.title i{ font-size:14px; color:#666;}

.title span{float:right; font-size:18px;}

.title span a{margin-left: 15px;}

.title span a.osel{font-weight:600; color:#00479d;}



.title1{overflow:hidden; margin:0px auto; padding:40px 0 20px;   text-align:center; }

.title1 h3{font-size:32px;text-align:center;color:#fff; font-weight:bold;}

.title1 i{font-size:16px;color:#fff;margin:0px 0;display:block;font-style:normal;text-transform:uppercase; font-weight:400;}

.title1 i::after{content:url(../images/tit1.png); display:block; margin-top:10px;  }

.title1{ font-size:12px; text-transform:uppercase; color:#fff;}

.title1 span{color:#1898e9;}

.title1 b{color:#333}



.title2{overflow:hidden; margin:0px auto; padding:40px 0 20px;   text-align:center; }

.title2 h3{font-size:32px;text-align:center;color:#4c4c4c; font-weight:bold;}

.title2 i{font-size:16px;color:#999;margin:0px 0;display:block;font-style:normal;text-transform:uppercase; font-weight:400;}

.title2:after{content:url(../images/tit.png); display:block; margin-top:10px;  }

.title2{ font-size:12px; text-transform:uppercase; color:#999;}

.title2 span{color:#1898e9;}

.title2 b{color:#333}





.title4{overflow:hidden; margin:0px auto; padding:50px 0 20px;   text-align:center; }

.title4 h3{font-size:36px;text-align:center;color:#fff;}

.title4 i{font-size:13px;color:#fff;margin:7px 0;display:block;font-style:normal;text-transform:uppercase; font-weight:400;}

.title4 h3::after{content:url(../images/tit1.png); display:block; margin-top:10px;  }

.title4{ font-size:12px; text-transform:uppercase; color:#fff;}

.title4 span{color:#fff;}

.title4 b{color:#fff}







.pic_nav{ position:relative; margin-bottom:30px; display:block;}



.menu{ text-align:center;  margin:0px auto;}



.menu li{position:relative;list-style:none;display:block; float:left;font-size:16px; height:45px; line-height:45px; text-align:center; width:13%; margin:0.5%;  overflow:hidden; background:#f5f5f5; border-radius:10px; }

.menu li:after{ content:url(../images/sj.png); position:absolute;     top: 17px; right: 12px; transform:rotate(-90deg);-ms-transform:rotate(-90deg); 	-moz-transform:rotate(-90deg); 	-webkit-transform:rotate(-90deg);

-o-transform:rotate(-90deg);}



.menu li:nth-child(13):after{ content:url(../images/sj.png); position:absolute;     top: 17px; right: 12px; transform:rotate(0deg);-ms-transform:rotate(0deg); 	-moz-transform:rotate(0deg); 	-webkit-transform:rotate(0deg);

-o-transform:rotate(0deg);}

.menu li:nth-child(13) { background:#1898e9}

.menu li:nth-child(13) a{color:#fff;}



.menu li:nth-child(13) ul li{ background:none;}

.menu li:nth-child(13) ul li a{color:#333;}



.menu li a{display:block;text-decoration:none;-webkit-transition:color .2s ease-in-out;-moz-transition:color .2s ease-in-out;-o-transition:color .2s ease-in-out;-ms-transition:color .2s ease-in-out;transition:color .2s ease-in-out;color:#333}



.menu li:hover{background:#1898e9}

.menu li:hover a{ color:#fff;}

.menu li:hover ul li a{ color:#333; font-size:15px;}



.menu li ul{position:absolute;top:45px;left:0px;;opacity:0; -webkit-transition:opacity .25s ease .1s;-moz-transition:opacity .25s ease .1s;-o-transition:opacity .25s ease .1s;-ms-transition:opacity .25s ease .1s;transition:opacity .25s ease .1s;padding-bottom:20px;z-index:999;margin:0 auto; width:80%;  background:#fff;); border-radius:10px; padding:0 10%; border:1px #ccc solid;} 





.menu li:hover ul{opacity:1}

.menu li:hover{ overflow:inherit;}



.menu li ul li{ width:100%;overflow:hidden;-webkit-transition:height .25s ease .1s;-moz-transition:height .25s ease .1s;-o-transition:height .25s ease .1s;-ms-transition:height .25s ease .1s;transition:height .25s ease .1s; text-align:center;  height:40px; line-height:40px; padding:0px; margin:0px; border:none; border-bottom:1px #ccc solid; border-radius:0px; background:#fff;}

.menu ul li:after{ content:""; display:none; }



.menu ul li:hover { background:#fff}

.menu li:hover ul li a:hover{color:#1898e9;}





.pic_tynav{overflow:hidden;line-height:70px;text-align:center; margin-bottom:30px; margin-top:20px;}

.pic_tynav a{overflow:hidden;text-align:center;font-size:18px;padding:1% 3%;margin:0 5px; background:#f1f1f1; }

.pic_tynav a:hover{color:#fff;background:#dd2116 ;}

.pic_tynav a.cor{color:#fff;background:#dd2116 ;}





.pic_tynav1{overflow:hidden;line-height:70px;text-align:center; margin:20px auto; display:none;}

.pic_tynav1 a{overflow:hidden; width:50%; line-height:40px; text-align:center;font-size:18px; background:#f1f1f1; display:block; float:left; border:3px #fff solid; box-sizing:border-box; }

.pic_tynav1 a:hover{color:#fff;background:#00479d }

.pic_tynav1 a.cor{color:#fff;background:#00479d }

.pic_tynav1 a:nth-child(n+3){width:33.3333%}







.mssg-intro{overflow:hidden;margin:50px auto 5px;padding-bottom:5%; background:#f6f6f6 ;}

.mssg-intro form{padding:5%}

.mssg-intro form ul li{width:100%;height:auto;overflow:hidden;border:1px solid #d2d2d2;margin-bottom:15px;background:#fff;border-radius:5px}

.mssg-intro form ul li input{height:50px;border:none;width:100%;outline:0;text-indent:10px;color:#999;font-size:16px;background:0 0;font-family:'微软雅黑'}

.mssg-intro form ul li textarea{width:788px;height:100px;border:none;outline:0;font-family:'微软雅黑';resize:none;background:0 0;text-indent:10px;padding-top:10px;color:#999;font-size:16px}

.mssg-intro form .bttn input{width:49%;display:block;float:left;padding:2% 0;background:#4c991c;outline:0;border:none;font-size:16px;color:#fff;border-radius:6px;font-family:'微软雅黑';}

.mssg-intro form .bttn input:last-child{background:#999;margin-left:2%}







.news{ overflow:hidden; padding-bottom:20px; margin:40px auto 0px}

.news a{ text-decoration:none;}



.tj_news{ width:38%; overflow:hidden; float:left; padding-bottom:10px;}

.tj_news div{ width:100% ; overflow:hidden;}

.tj_news div img{-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;width:100%;height:100%}

.tj_news div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}

.tj_news h3{ padding:0px 15px; height:40px; line-height:40px; font-size:18px; font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.tj_news h3 span{float:right;}

.tj_news dd{ word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;  padding:0px 15px; height:50px;  line-height:24px; font-size:15px; color:#666;}

.tj_news span{ font-size:14px; color:#999; display:block; padding:0 15px;}





.news ul { overflow:hidden; width:60%; float:right}

.news ul li{float:left;width:48%; background:#fff; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease; position:relative; margin:0 2% 0% 0; border-bottom:1px #ccc dashed; margin-bottom:15px; padding-bottom:15px;}

.news ul li::marker{ display:none; color:#fff; opacity:0;}

.news ul li dl{width: 90px;  height: 90px; text-align: center;

     color: #fff; float: left;margin-right: 10px; background:#999999}

.news ul li dl dd{    padding: 0px 10px 0; font-size: 38px; font-weight: bold;}

.news ul li dl dt{text-align:center;font-size:14px ;height: 20px; line-height: 10px;}



.news ul li span{ overflow:hidden;}

.news ul li span h3{color:#333;height:30px;line-height:30px;font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; margin:0px; padding:0px;}

.news h3 a{transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out;color:#333}

.news h3 a:hover{color:#1898e9;transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out}

.news i{font-style:normal;font-size:12px;color:#999}

.news ul li span p{font-size:14px;line-height:23px;color:#999;height:48px;margin:0px auto;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2 ; padding:0 20px 0 0}

.news ul li:nth-child(2n){margin-right:0px}

.news ul li span i{font-size:13px; color:#999; height:30px; line-height:30px; background:url(../images/newsList_icon02.png) no-repeat center left; text-indent:2em;    display: inline-block;}

.news ul li:hover a h3{ color:#1898e9;z-index:1002;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}

.news ul li:hover dl{ background:#1898e9}





























.news_lb{  width:100%;overflow:hidden; padding-bottom:20px;}

.news_lb ul { overflow:hidden;}

.news_lb ul li{ width:33.3333%; float:left; border:8px rgba(0,0,0,0) solid; box-sizing:border-box; overflow:hidden; position:relative; padding:15px 10px; }

.news_lb ul li dl{ padding:30px; background:#fff; transition:transform 0.4s; -moz-transition:transform 0.4s; -ms-transition:transform 0.4s; -o-transition:transform 0.4s; -webkit-transition:transform 0.4s;}

.news_lb ul li dt{ overflow:hidden; font-size:13px; color:#999; font-weight:400; }

.news_lb ul li h3{ font-size:16px; font-weight:600;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; height:40px; line-height:40px; color:#333;   }

.news_lb ul li p{ font-size:15px ;  line-height:25px; font-size:14px; height:50px; overflow: hidden;-webkit-line-clamp: 2; -webkit-box-orient: vertical;display: -webkit-box; color:#666; margin-top:10px;}

.news_lb ul li div{ width:100%; overflow:hidden; height:100%;}

.news_lb ul li dl{ border:1px #ccc solid; overflow:hidden;}

.news_lb ul li dl:hover{transform:translate(0,-10px); -moz-transform:translate(0,-10px); -ms-transform:translate(0,-10px); -o-transform:translate(0,-10px); -webkit-transform:translate(0,-10px);transition:transform 0.4s; -moz-transition:transform 0.4s; -ms-transition:transform 0.4s; -o-transition:transform 0.4s; -webkit-transition:transform 0.4s; box-shadow:0 0 5px #999;}

.news_lb ul li dl a:hover h3{ color:#1898e9}  





.news_left{width:45%; float:left; overflow:hidden; margin-top:50px; background:#00479d}

.news_right{ width:53%; float:right; margin-top:50px;}

.news_right ul{ overflow:hidden; padding-top:10px;}

.news_right ul li{       margin: 0 14px 16px 0;

    float: left;

    padding: 12px 12px 24px; box-sizing:border-box;

    border: 1px #ccc solid;

    overflow: hidden;

    width: 49%;transition:transform 0.4s; -moz-transition:transform 0.4s; -ms-transition:transform 0.4s; -o-transition:transform 0.4s; -webkit-transition:transform 0.4s;

}

.news_right ul li:hover{transform:translate(0,-10px); -moz-transform:translate(0,-10px); -ms-transform:translate(0,-10px); -o-transform:translate(0,-10px); -webkit-transform:translate(0,-10px);transition:transform 0.4s; -moz-transition:transform 0.4s; -ms-transition:transform 0.4s; -o-transition:transform 0.4s; -webkit-transition:transform 0.4s;}





 .news_right ul li dl{border-bottom:1px #ccc solid; overflow:hidden; background:url(../images/news1.png) no-repeat center right ; padding-bottom:20px;} 

  .news_right ul li dl dd{font-size:30px; color:#00479d; width:80px; height:45px; line-height:60px; text-align:center; display:block; font-weight:600;}



 .news_right ul li dl dt{font-size:14px; color:#666; height:24px; line-height:24px; width:80px;text-align:center; display:block}

 .news_right ul li  h3{ height:40px; line-height:40px; font-size:18px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;    margin: 0px auto;}  

 .news_right ul li  p { height:50px; line-height:25px; font-size:14px; overflow: hidden;

-webkit-line-clamp: 2; 

-webkit-box-orient: vertical;

display: -webkit-box;} 

 .news_right ul li:nth-child(2n){margin-right:0px;}   

   

.news_right ul li  a h3{ color:#000;} 

.news_right ul li  a p{ color:#666;} 

.news_right ul li  a:hover h3{ color:#00479d;} 

 

  

.hiSlider-pages,.hiSlider-title{position:absolute;z-index:3}

.hiSlider-btn-next,.hiSlider-btn-prev{position:absolute;z-index:5;top:50%;height:30px;width:30px;margin-top:-15px;text-indent:-200px;overflow:hidden;opacity:.6}

.hiSlider-btn-prev{left:10px}

.hiSlider-btn-next{right:10px;background-position:-30px 0}

.hiSlider-btn-next:hover,.hiSlider-btn-prev:hover{opacity:1}

.hiSlider-title{bottom:0;width:100%;padding:6px 0;color:#fff;text-indent:10px;background:rgba(0,0,0,.6);z-index:2;font:14px/2 "Microsoft YaHei",Arial,Tahoma}

.hiSlider-pages{bottom:10px;right:10px;text-align:right}

.hiSlider-pages a{height:12px;width:12px;margin:0 6px;display:inline-block;overflow:hidden;text-indent:-100px;font-size:0;border-radius:50%;background:#ddd}

.hiSlider-pages a.active{background:#5472bf}

.hiSlider img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%}

.hiSlider:hover img{ opacity:0.7}





.flickerplate{position:relative;width:100%;background-color:#e6e6e6;overflow:hidden}

.flickerplate ul.flicks{width:10000%;height:100%;padding:0;margin:0;list-style:none}

.flickerplate ul.flicks>li{float:left;width:1%;height:100%;background-position:center;background-size:cover;display:table}

.flickerplate ul.flicks>li .flick-inner{height:100%;color:#fff;display:table-cell;vertical-align:middle}

.flickerplate ul.flicks>li .flick-inner img{width:100%;margin:0;padding:0}

.flickerplate ul.flicks>li .flick-inner .flick-content{max-width:100%;margin-left:auto;margin-right:auto}

.flickerplate ul.flicks>li .flick-title{padding:0 0;font-size:2.778em;line-height:1.995em;text-align:center}

@media only screen and (max-width:43.813em){.flickerplate ul.flicks>li .flick-title{font-size:1.667em}

}

.flickerplate ul.flicks>li .flick-sub-text{padding:5px;font-weight:300;line-height:2.5em;color:rgba(255,255,255,.8);text-align:center}

.flickerplate ul.flicks>li .flick-sub-text span.flick-block-text,.flickerplate ul.flicks>li .flick-title span.flick-block-text{padding:12px 18px;background-color:rgba(0,0,0,.6)}

.flickerplate .arrow-navigation{position:absolute;height:80%;width:10%;top:10%;z-index:100;overflow:hidden}

.flickerplate .arrow-navigation .arrow{display:block;height:100%;width:90%;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;-ms-transition:all .2s ease-out;transition:all .2s ease-out}

.flickerplate .arrow-navigation .arrow:hover,.flickerplate .arrow-navigation:hover{cursor:pointer}

.flickerplate .arrow-navigation.left{left:0}

.flickerplate .arrow-navigation.left .arrow{opacity:0;margin:0 0 0 50%;background-repeat:no-repeat;background-position:left}

.flickerplate .arrow-navigation.right{right:0}

.flickerplate .arrow-navigation.right .arrow{opacity:0;margin:0 0 0 -50%;background-repeat:no-repeat;background-position:right}

.flickerplate .arrow-navigation.left.hover .arrow{opacity:1;margin:0 0 0 20%}

.flickerplate .arrow-navigation.right.hover .arrow{opacity:1;margin:0 0 0 -20%}

.flickerplate .dot-navigation{position:absolute;bottom:15px;width:100%;text-align:center;z-index:100}

.flickerplate .dot-navigation ul{text-align:center;list-style:none;padding:0 15px}

.flickerplate .dot-navigation ul li{display:inline-block;float:none}

.flickerplate .dot-navigation .dot{width:14px;height:14px;margin:0 6px;background-color:rgba(255,255,255,.8);border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-webkit-transition:background-color .2s ease-out;-moz-transition:background-color .2s ease-out;-o-transition:background-color .2s ease-out;-ms-transition:background-color .2s ease-out;transition:background-color .2s ease-out}

.flickerplate .dot-navigation .dot:hover{cursor:pointer;background-color:rgba(255,255,255,.6)}

.flickerplate .dot-navigation .dot.active{background-color:#1898e9}

.flickerplate .dot-navigation.left,.flickerplate .dot-navigation.left ul{text-align:left}

.flickerplate .dot-navigation.right,.flickerplate .dot-navigation.right ul{text-align:right}

.flickerplate.flicker-theme-dark .arrow-navigation.left .arrow{background-image:url(../img/flickerplate/arrow-left-dark.png)}

.flickerplate.flicker-theme-dark .arrow-navigation.right .arrow{background-image:url(../img/flickerplate/arrow-right-dark.png)}

.flickerplate.flicker-theme-dark .dot-navigation .dot{background-color:rgba(0,0,0,.12)}

.flickerplate.flicker-theme-dark .dot-navigation .dot:hover{background-color:rgba(0,0,0,.6)}

.flickerplate.flicker-theme-dark .dot-navigation .dot.active{background-color:#000}

.flickerplate.flicker-theme-dark ul.flicks li .flick-inner{color:rgba(0,0,0,.9)}

.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-sub-text{color:rgba(0,0,0,.9)}

.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-sub-text span.flick-block-text,.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-title span.flick-block-text{background-color:rgba(255,255,255,.5)}

.flickerplate ul.flicks li.flick-theme-dark .flick-inner{color:rgba(0,0,0,.9)}

.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-sub-text{color:rgba(0,0,0,.9)}

.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-sub-text span.flick-block-text,.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-title span.flick-block-text{background-color:rgba(255,255,255,.5)}

.flickerplate.animate-transform-slide ul.flicks{-webkit-perspective:1000;-webkit-backface-visibility:hidden;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-webkit-transition:-webkit-transform .6s;-o-transition:-o-transform .6s;-moz-transition:-moz-transform .6s;transition:transform .6s}

.flickerplate.animate-transition-slide ul.flicks{position:relative;left:0;-webkit-transition:left .4s ease-out;-moz-transition:left .4s ease-out;-o-transition:left .4s ease-out;-ms-transition:left .4s ease-out;transition:left .4s ease-out}

.flickerplate.animate-jquery-slide ul.flicks{position:relative;left:0}

.flickerplate.animate-scroller-slide{padding-bottom:0;overflow:auto}

.flickerplate.animate-scroller-slide ul.flicks{position:auto}

.flickerplate_dpq{position:relative;width:100%;height:auto;background-color:#e6e6e6;overflow:hidden;display:none}





.anli{ overflow:hidden; margin:15px auto 0}

.anli ul{ overflow:hidden;}

.anli ul li{ width:290px; float:left; overflow:hidden; margin:0 10px; background:#fff; padding:10px;}

.anli ul li div { width:100%; overflow:hidden;}

.anli ul li div img{-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;width:100%;height:100%}

.anli ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}

.anli ul li h3{ padding:0 10px; height:36px; line-height:36px; text-align:center; color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-size:18px}

.anli ul li  dd{ font-size:15px; color:#666; padding:10px 15px 0;  overflow: hidden; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 3;}

.anli ul li dt{ width:100px; background:#bdbdbd; border-radius:5px; margin:20px auto; color:#fff; text-align:center; padding:5px }

.anli ul li dt a{color:#fff; font-size:14px;}

.anli ul li dt:hover{background:#1898e9}



.anli_lb{overflow:hidden}

.anli_lb ul{overflow:hidden;margin:15px auto 0}

.anli_lb ul li{width:25%;float:left;overflow:hidden; border:8px #fff solid; box-sizing:border-box;}

.anli_lb ul li div{overflow:hidden;width:100%;}



.anli_lb ul li p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:40px;line-height:40px;font-size:16px;text-align:center}

.anli_lb ul li a:hover p{color:#000; background:#1898e9}

.anli_lb ul li:nth-child(5n){margin-right:0}

.anli_lb ul li div img{-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;width:100%;height:100%}

.anli_lb ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}

.anli_lb ul li:hover a p{color:#fff;}





.anli_box{overflow:hidden; background:url(../images/anlibj.png) no-repeat;background: linear-gradient(-30deg,#4a569d,#24c6dc);

padding-bottom:60px;}







.picbj{ overflow:hidden;  width:100%; margin:0px auto ; padding-bottom:40px; }







.pic{ overflow:hidden; clear:both; width:100%;}

.pic ul{ overflow:hidden;}

.pic ul li{ overflow:hidden; width:33.33%; box-sizing:border-box; border:5px rgba(0,0,0,0) solid; float:left; position:relative; }

.pic ul li { border:10px #fff solid; overflow:hidden;  position:relative;}

.pic ul li  div{ overflow:hidden; transition:all ease .5s;-webkit-transition:all ease .5s; width:100%;}

.pic ul li  dd{ position:absolute; bottom:0px; width:100%; padding:0 20px; height:50px; font-size:16px; line-height:50px; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; font-weight:400; text-align:center; background:rgba(0,0,0,.6); color:#fff;}

.pic ul li  div img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%}

.pic ul li  div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}

.pic ul li:hover a dd{ background:rgba(24,152,233,.6)} 









.pic_lb{ overflow:hidden;}

.pic_lb ul{ overflow:hidden;}

.pic_lb ul li{ overflow:hidden; width:33.33333%; box-sizing:border-box; border:10px rgba(0,0,0,0) solid; float:left; position:relative;}

.pic_lb ul li div{ overflow:hidden; width:100%; height:100%;}

.pic_lb ul li dd{ padding:0 20px; height:50px; font-size:20px; line-height:50px; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; font-weight:400; text-align:center;}

.pic_lb ul li div img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%}

.pic_lb ul li:hover  div img{-webkit-transform:scale(1.1);transform:scale(1.1)}



.xbanner, .xbanner img{ width:100%; overflow:hidden; margin:0px auto;}





.pc_xban{ display:block}

.m_xban{ display:none}













.rongyu{ overflow:hidden;}

.rongyu ul{ overflow:hidden;}

.rongyu ul li{ overflow:hidden; width:25%; box-sizing:border-box; border:10px rgba(0,0,0,0) solid; float:left; position:relative;}

.rongyu ul li div{ overflow:hidden; width:100%; height:100%;}

.rongyu ul li dd{ padding:0 20px; height:50px; font-size:20px; line-height:50px; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; font-weight:400; text-align:center;}

.rongyu ul li div img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%}

.rongyu ul li:hover  div img{-webkit-transform:scale(1.1);transform:scale(1.1)}



.ditu,.map{ height:400px; margin:50px auto;}



.gengduo{ width:200px; height:50px; border:1px #fff solid; text-align:center;  margin: 48px auto 0; line-height:50px; border-radius:5px;  }

.gengduo a{color:#fff; display:block; font-size:16px;}



.gengduo:hover{ background:#0970b1}



.tijiao{ cursor: pointer;}



.fenlei{ width:80%; padding:2% 0; background:#1898e9; text-align:center;  margin: 10px auto;  border-radius:30px;color:#fff; display:none;  }

.fenlei a{color:#fff; display:block; font-size:16px;}





.gengduo1{ width:200px; height:45px; border:1px #1898e9 solid; text-align:center;  margin:15px auto ; line-height:45px; border-radius:5px; }

.gengduo1 a{color:#1898e9; display:block; font-size:16px;}

.gengduo1:hover{background:#1898e9;}

.gengduo1:hover a{ color:#fff;}





.main{max-width:1200px;margin:0 auto;padding:40px 0}



.w-accor{overflow:hidden;position:relative}

.w-accor li,.w-accor ul{padding:0;margin:0;list-style:none}

.w-accor ul{width:101%}

.w-accor li{position:relative;overflow:hidden;float:left}

.accorClick li{cursor:pointer}

.w-accor li .item{position:relative}

.w-accor li>a{display:block;position:absolute;left:0;right:0;top:0;bottom:0}

.w-accor h3{font-size:125%;margin:0;padding:0;font-weight:400}

.w-accor .acr_p{margin-top:.5em; color:#fff;}

.w-accor0 li img{max-width:100%}

.w-accor4 li img{max-width:100%}

.w-accor4 li .i_text{font-size:30px; line-height:30px; color:#fff; text-align:center;}

.w-accor4 li .i_text p{ font-size:14px; color:#fff;}

.w-accor4 li .cont_ar{color:#fff;position:absolute;left:0;top:0;bottom:0;right:0}

.w-accor4 li .cont_ar:before{content:'';position:absolute;left:0;top:0;bottom:0;right:0;transition:all .5s;-webkit-transition:all .5s; }

.w-accor4 li h3{text-align:left; font-size:20px; line-height:1.5;position:absolute;z-index:1;left:13%;margin-left:-.6em;top:20%;transform:translateY(-50%);-webkit-transform:translateY(-50%);transition:opacity .5s;-webkit-transition:opacity .5s}

.w-accor4 li h3 p{ font-size:14px; color:#fff;}

.w-accor4 li:after{content:"+"; font-family:"serif","宋体"; font-size:60px; color:#fff; position:absolute;     bottom: -20px; left: 20px;transform:translateY(-50%);-webkit-transform:translateY(-50%);transition:opacity .5s;-webkit-transition:opacity .5s}

.w-accor4 li:hover:after{transition:opacity .5s;-webkit-transition:opacity .5s;transform:translateY(-50%);-webkit-transform:translateY(-50%); opacity:0;}



.w-accor4 li .dec_ar{line-height:1.7;max-height:100%;position:absolute;z-index:1;left:40px;right:40px;top:50%;transform:translateY(-50%) scale(0);-webkit-transform:translateY(-50%) scale(0);padding:30px;color:#222;opacity:0;transition:all .5s;-webkit-transition:all .5s}

:root .w-accor4 li .dec_ar{top:50%}

.w-accor4 li .i_img{text-align:center;margin-bottom:1em}

.w-accor4 li .i_img img{max-width:80%;max-height:80px}

.w-accor4 li.cur .cont_ar:before{background:rgba(0,71,157,0.7)}

.w-accor4 li.cur h3{opacity:0}

.w-accor4 li.cur .dec_ar{opacity:1;transform:translateY(-50%) scale(1);-webkit-transform:translateY(-50%) scale(1);transition-delay:.3s;-webkit-transition-delay:.3s; }



@media(max-width:960px){.w-accor h3{font-size:110%}

.w-accor .acr_p{font-size:90%}



.w-accor4 li .img_ar{height:350px!important}

.w-accor4 li .img_ar img{height:100%;max-width:inherit }





}

@media(max-width:767px){

.w-accor4 li .dec_ar{left:20px;right:20px;padding:15px}



}

@media(max-width:640px){

}

@media(max-width:480px){body{font-size:3.5vw}



.w-accor4 li .dec_ar{left:1em;right:1em;padding:1em}

.w-accor4 li .img_ar{height:20em!important}

.w-accor4 li .i_img img{max-height:3em}



}





.hezuo{ overflow:hidden; margin-top:40px; }

.hezuo ul{ overflow:hidden; }

.hezuo ul li{ width:20%; box-sizing:border-box; position:relative; overflow:hidden; float:left; }

.hezuo ul li img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%}

.hezuo ul li:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}







.m_xiaomu{ overflow:hidden; margin:50px auto }

.m_xiaomu ul{  overflow:hidden;}

.m_xiaomu ul li{ width:50%; float:left; border:5px rgba(0,0,0,0) solid; box-sizing:border-box;  overflow:hidden; position:relative;}

.m_xiaomu ul li div{position:absolute; top:0px; left:0px; width:100%; height:100%;}

.m_xiaomu ul li div h3{overflow:hidden; font-size:24px; color:#fff; padding:40px;}

.m_xiaomu ul li img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%}

.m_xiaomu ul li:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}

.m_xiaomu ul li div h3 img{width:50px; height:50px; float:right; display:inline-block;}

.m_xiaomu ul li div  p{ overflow: hidden;  line-height: 30px;  color: #fff;  font-size: 18px;   position: absolute; bottom: 0px; left: -15px;  margin: 40px;  height: 64px; padding-right: 119px;  width:90%;transition:all .5s;-webkit-transition:all .5s; }

.m_xiaomu ul li div  p:after{content:url(../images/jtt.png); position: absolute; top: 31px; right: 0px;}



.bottom{ background:#f8f8f8; padding-top:30px; margin:0px auto}

.rwm{ width:380px; overflow:hidden; margin:60px auto;}

.footer{width:100%;background:#1898e9; overflow:hidden; margin:0 auto; padding:30px 0}

.footer .left{height:auto;overflow:hidden;float:left; text-align:left}

.footer .left h3{font-size:32px;text-align:left;color:#fff; font-weight:bold;}

.footer .left  i{font-size:16px;color:#fff;margin:0px 0;display:block;font-style:normal;text-transform:uppercase; font-weight:400;}

.footer .left i::before{content:url(../images/tit1.png); display:block; margin:12px 0;  }

.footer .left p{ font-size:15px; color:#fff; line-height:28px; margin-top:20px;} 

.footer .left a{ color:#fff;} 

.footer .left .info{width:100%;height:auto;overflow:hidden;margin-top:10px}

.footer .left .info p{color:#fff;font-size:16px;line-height:25px;margin-top:10px}

.footer .icon{width:100%;height:110px;margin-top:30px}

.footer .icon ul li{float:left;width:83px;height:83px;border-radius:50%;margin-right:25px;position:relative}

.footer .icon ul li img{display:block;width:90px;height:90px;position:absolute;display:none;left:90px;z-index:100;top:-10px}

.footer .cr{width:100%}

.footer .icon ul li:nth-child(1){background:url(../images/icon02.png) no-repeat left top}

.footer .icon ul li:nth-child(2){background:url(../images/icon02.png) no-repeat -107px top}

.footer .icon ul li:nth-child(3){background:url(../images/icon02.png) no-repeat -214px top}

.footer .icon ul li:hover img{display:block}

.footer .icon ul li a{display:inline-block; cursor:pointer;width:83px;height:83px;}

.footer .icon{width:100%;margin-top:30px ; color:#fff; line-height:36px; font-size:16px;}

.footer .icon ul li{float:left;width:83px;height:83px;border-radius:50%;margin-right:25px;position:relative}

.footer .icon ul li img{display:block;width:110px;height:110px;position:absolute;display:none;left:90px;z-index:100;top:-10px}

.footer .cr{width:100%}


.footer .info1 {  color:#fff; margin-top:20px; line-height:30px; font-size:16px; text-align:left; float:left; margin-left:50px;}

.footer .cr{width:100%;height:auto;overflow:hidden;margin-top:10px}

.footer .cr p{color:#fff;font-size:14px}

.footer .ewm{    width: 182px;  margin: 28px auto;  overflow:hidden;  text-align:center; color:#fff; float:right;}

.footer .ewm div{    padding:10px;  overflow:hidden; border:1px #fff solid;}

.footer .ewm div img{width:100%;}

.footer .ewm p{     color: #fff;  font-size: 16px;  margin-top: 10px; display:block;  }



.footer ul{ overflow:hidden; text-align:center; margin-bottom:50px; } 

.footer ul li{ text-align:center; display:inline-block;width:27%; font-size:16px; color:#fff;} 

.footer ul li img{ margin-bottom:10px;}

.foot{ padding:0 10%; position:relative; overflow:hidden;}


.banquan{ width:100%; line-height:60px; text-align:center; color:#fff; background:#1898e9; border-top:1px #ffc816 solid;}


.links{width:100%;max-width:1920px;margin:20px auto 0;overflow:hidden; color:#666; }

.links span{  line-height:30px; width:100%;  background:url(../images/links1.png) repeat-x; display:block;}

.links ul{ padding: 0 10%; margin:0px auto; margin:0px auto;}

.links dl{ overflow:hidden;}

.links dl dd{padding:2% 0;    }

.links dl dd a{padding: 0px 10px;font-size:16px;white-space: normal; display:inline-block; line-height:40px;}



.lianxiwm{ border:1px #ccc solid; overflow:hidden; margin-top:20px;}

.lianxiwm div{ overflow:hidden;}

.lianxiwm div img{ width:100%; margin-top:5px;}

.lianxiwm div h3{ font-size:16px; padding:15px 10px;}

.lianxiwm div p{ padding:0 15px; line-height:36px; font-size:14px;}







.n_banner{width:100%;overflow:hidden;position:relative}

.n_banner img{width:100%;height:100%}

.ban{ width:100%; height:100%; position:absolute; top:0px;}

.ban p{ font-size:0.3rem; font-weight:600; color:#fff;  background:rgba(0,71,156,0.6); display:inline-block; padding:30px 100px 30px 30px ; position:absolute; bottom:20%;}

.ban p i{ font-size:0.18rem; font-weight:400; color:#fff; display:block; text-transform:uppercase;}

.ban p i:before{content:"——"; color:#fff; display:block;}



.allmap{border:3px #ccc solid;height:400px;margin-top:50px}

.pro{ margin:50px auto 0; overflow:hidden; }





.mbx{width: 100%; height:80px; line-height:80px; max-width:1920px; margin:0px auto; border-bottom:1px #d5d5d5 solid;}

.mbx .p1{float: left; background: url(../images/shouye.png) no-repeat center left; padding-left:30px; font-size:18px; }

.mbx .p1 a{ background:url(../images/InpageAddress_icon02.png) no-repeat center right; margin-right: 8px; padding-right: 13px; }

.mbx .p1 a:last-child {background:none;}

.mbx .p2{float: right;}

.mbx .p2 i{display: block;font-size: 18px;color: #666666;font-weight: 400; line-height:77px; float: left;text-decoration: none; margin: 0 20px; }

.mbx .p2 i a{ display:inline-block;font-size: 18px;color: #666666; }

.mbx .p2 i a.cur{color: #287bdb;border-bottom: 3px solid #287bdb;}

.mbx .p2 i a:hover{color: #287bdb;border-bottom: 3px solid #287bdb; transition:.0s ease-out;-moz-transition:.0s ease-out;-webkit-transition:.0s ease-out;-o-transition:.0s ease-out}



.page{width:100%;overflow:hidden;margin:40px auto}

.page ul{display:table;margin:0 auto}

.page ul li{color:#333;display:block;color:#333;border:1px solid #ccc;float:left;margin:3px 3px;padding:0 10px;height:30px;line-height:30px}

.page ul li a{color:#333;display:block}

.page ul li.thisclass{background:#666;color:#fff;border:1px solid #666;display:block}

.page ul li.thisclass a{display:block;color:#fff}

.page select{border:none;background:0 0;outline:0}



.news_jq{margin:40px auto 50px; overflow:hidden; }

.news_jq ul{ overflow:hidden; }



.news_jq ul li{ overflow:hidden; border:1px #ccc solid;  margin: 0 2% 20px 0; padding: 1% 0; width:48%; float:left; box-sizing:border-box;}

.news_jq ul li span{display:block; float:left; width:100px;  border-right:1px #d2d2d2 solid; text-align:center;-webkit-transition:all .5s;transition:all .5s; margin-right:22px; padding:5px 10px;}

.news_jq ul li span b{display:block; font-size:0.3rem; color:#999;}

.news_jq ul li span i{display:block; font-size:0.16rem; color:#999;font-style:normal;}

.news_jq ul li:nth-child(2n){ margin-right:0px;}

.news_jq ul dl{ overflow:hidden;padding-bottom:3px; padding-right: 80px; background:url(../images/jrr.png) no-repeat center right}

.news_jq ul dl h3{font-size:16px;  color:#333; margin-bottom:0.1rem;  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s; font-weight:600;}

.news_jq ul dl p{  font-size:15px; line-height:0.2rem;; color:#999;overflow: hidden; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.news_jq ul li:hover{box-shadow:0 0 6px #ccc;}



.news_jq ul  li:hover h3{color:#0555a6; padding-left:10px;-webkit-transition:all .5s;transition:all .5s;}





.pro-intro{overflow:hidden;}

.pro-intro h2{font-size:28px;color:#333;font-weight:400;margin-bottom:10px;text-align:center;margin-top:20px}

.pro-intro .share{width:100%;height:46px;line-height:46px;border-bottom:1px #e7e7e7 solid;text-align:center; margin-bottom:20px;}

.pro-intro .share  span{display:inline-block;font-size:14px;color:#999;padding:0 8px}

.pro-intro .textxq{width:100%;height:auto;overflow:hidden;color:#666;font-size:16px;line-height:30px;}

.pro-intro .textxq img{display:block;max-width:100%;margin:0 auto}

.pro-intro .textxq  p{ font-size:16px; line-height:36px; color:#666;}

.fy{ width:100%; overflow:hidden;margin:50px auto; position:relative}

.fy p{height:40px;line-height:40px;color:#666;font-size:16px;text-align:left; box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }

.fy p:nth-child(1),

.fy p:nth-child(2){ width:60%;}

.fy p span{float:right;}

.fy p:last-child{ width:120px; background:#1898e9; height:60px; line-height:60px; text-align:center; position:absolute; right:0px; top:10px;}

.fy p a{color:#666}

.fy p:last-child a{color:#fff;}

.fy p:last-child a:hover{color:#fff;}

.fy p a:hover{color:#1898e9}



.lxwm{ overflow:hidden; margin-top:60px;}

.lxwm ul { overflow:hidden;}

.lxwm ul li{ float:left; width:33.3333%; overflow:hidden;}

.lxwm ul li div{width:55px; float:left; margin-right:15px; overflow:hidden;}

.lxwm ul li span h3{ font-size:14px; overflow:hidden;}

.lxwm ul li span p{ font-size:18px; overflow:hidden;}



.liuyan{ overflow:hidden; margin-top:60px;}



.c_lxwm{ width:100% ; padding:10px; font-size:18px; color:#666;}



.form1{ overflow:hidden;  margin:50px auto ; background:url(../images/form1.png) no-repeat center top; padding-top:50px;} 

.form1 ul{  overflow:hidden; padding:0px 0;}

.form1 h4{ font-size:24px; color:#666; font-weight:400;}

.form1 ul li h3{ color:#333; font-size:24px; padding:20px  0; }

.form1 ul li h3 i{font-size:16px; font-weight:400; font-style:normal; text-transform:uppercase; color:#ccc；; display:block;}

.form1 ul li h3:after{content:"——";}

.form1 ul li{ float:left; overflow:hidden;font-size:16px; color:#666; width:22%;  margin-right:1%;  padding: 20px 0;}

/*.form1 ul li:nth-child(1){ width: 380px; padding: 20px 0;}

.form1 ul li:nth-child(2){ width: 380px; padding: 20px 0;}*/

.form1 ul li:nth-child(3){ width: 40%; padding: 20px 0;}

.form1 ul li div{ margin:10px auto ;  border:1px #ccc solid; }



.form1 ul li div input{width:92%; height:50px; padding:0 10px;}

.form1 ul li  span{ display:inline-block; float:left; padding:10px; color:#666; float:left; width:87px; display:block  }

.form1 ul li textarea{width:100%; height:102px;  background:rgba(255,255,255,0.8); vertical-align:text-top; margin-top:10px;}

.form1 ul li:nth-child(4) { float:right;padding: 30px 10px; width:10%;}

.form1 ul li:nth-child(4) input{background:#1898e9; width:100%; height:113px; line-height:60px; font-size:16px; color:#fff; }

.form1 ul li:nth-child(4){border:none;}

.form1 p{ font-size:13px; color:#999;}

.women{float:left;overflow:hidden; width:55%; height:458px;}

.women img{width:100%; height:100%}





.xiazai{  overflow:hidden; margin:20px  auto 40px; }

.xiazai h3{ border-top:2px #00479c solid; border-bottom:1px #ccc solid; padding:20px 0; font-size:18px;}

.xiazai h3 span{float:right;}

.xiazai h3 span.sjj{ margin-left:10%;width:80px; text-align:center; }

.xiazai ul li{ overflow:hidden; height:50px; line-height:50px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; border-bottom:1px #ccc solid;}

.xiazai ul li span{float:right;}

.xiazai ul li span.sjj{ margin-left:10%; width:80px; height:35px; line-height:35px; background:#00479c; color:#fff; text-align:center; margin-top:5px;}

.xiazai ul li span.sjj a{color:#fff;}

.xiazai ul li span.sjj:hover { background:#333; color:#fff;}







.hesuan{ border-radius:8px; border:6px #ccc solid; overflow:hidden; margin-bottom:50px; margin-top:30px;}

.hs_tab{ overflow:hidden;  text-align:center; margin:30px; border-bottom:1px #ccc solid;height:40px; line-height:40px;}

.hs_tab a{margin: 0px 20px; padding-left:40px; font-size:18px; display:inline-block; }

.hs_tab a:nth-child(1){background:url(../images/n1.png) no-repeat center left;}

.hs_tab a:nth-child(2){background:url(../images/n2.png) no-repeat center left;}

.hs_tab a:nth-child(3){background:url(../images/n3.png) no-repeat center left;}



.hs_tab a.corr:nth-child(1){background:url(../images/n11.png) no-repeat center left; color:#00479c; border-bottom:2px #00479c solid; height:40px; }

.hs_tab a.corr:nth-child(2){background:url(../images/n22.png) no-repeat center left; color:#00479c; border-bottom:2px #00479c solid; height:40px;}

.hs_tab a.corr:nth-child(3){background:url(../images/n33.png) no-repeat center left; color:#00479c; border-bottom:2px #00479c solid; height:40px;}



.form2{ text-align:center; margin-bottom:50px;}

.form2 select{ width:400px; border:1px #ccc solid; height:50px; border-radius:5px;}

.form2 .select{display:inline-block;width:350px;position:relative;vertical-align:middle;padding:0;overflow:hidden;background-color:#fff;color:#555;border:1px solid #aaa;text-shadow:none;border-radius:4px;transition:box-shadow .25s ease;z-index:2}

.form2  .select:hover{box-shadow:0 1px 4px rgba(0,0,0,.15)}

.form2  .select:before{content:url(../images/xdt.png); position:absolute;width:0;height:0;top:14px;right:25px;cursor:pointer;z-index:-2; }

.form2  .select select{cursor:pointer;padding:10px;width:100%;border:none;background:0 0;background-image:none;-webkit-appearance:none;-moz-appearance:none}

.form2  .select select:focus{outline:0}



.form2 span:nth-child(3){ display:block;}

.form2 span:nth-child(3) input{width:300px; height:50px; line-height:50px; background:#00479c url(../images/sjq.png) no-repeat 93px 17px; color:#fff; border-radius:8px;  margin-top:20px; cursor:pointer; }





.form3{ overflow:hidden; margin-bottom:50px;}

.form3 ul{ overflow:hidden; border:5px #00479c solid; border-radius:0 10px 10px 10px;}

.form3 h3{background:#00479c; color:#fff; display:inline-block; padding:5px 10px 0; margin:0px ; border-radius:5px 5px  0 0; font-size:15px; }

.form3 ul li{ width:33.3333%; float:left; overflow:hidden; text-align:center; border-bottom:1px #ccc solid; height:50px; line-height:50px; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; }

.form3 ul dd{ width:33.3333%; float:left; display:inline-block; overflow:hidden; text-align:center; border-bottom:1px #ccc solid; height:50px; line-height:50px; font-weight:600;}





.a_banner{ overflow:hidden; position:relative; margin:20px auto;}



.a_banner div{ position:absolute; width:100%; height:100%; top:0px; left:0px; text-align:center; font-size:18px; color:#fff; }

.a_banner div h3{ padding:5% 0 0; font-size:24px; font-weight:400; -webkit-transition:all .5s;transition:all .5s;}

.a_banner img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%}

.a_banner:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}

.a_banner:hover div h3{ padding-top:10%; -webkit-transition:all .5s;transition:all .5s;}



.a_banner2{ overflow:hidden; }

.a_banner2 ul{ overflow:hidden; }

.a_banner2 ul li{ float:left; width:12.6%; border:3px #fff solid; box-sizing:border-box; overflow:hidden; position:relative; }

.a_banner2 ul li  div{ position:absolute; top:0px; left:0px; width:100%; height:100%;}

.a_banner2 ul li  div p{     padding: 115% 43%;font-size: 25px; font-weight: 600; color: #fff;-webkit-transition:all .5s;transition:all .5s;}

.a_banner2 ul li:last-child{ width:36.5% ; float:right}

.a_banner2{ overflow:hidden; }

.a_banner2{ overflow:hidden; }

.a_banner2 ul li:nth-child(1){display:none;}

.a_banner2 ul li img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%}

.a_banner2 ul li:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}

.a_banner2 ul li:hover div p {padding: 100% 43%; -webkit-transition:all .5s;transition:all .5s;}















.a_banner3{ overflow:hidden; margin-top:10px;}

.a_banner3 .b_left{ width:63%; overflow:hidden; float:left; position:relative;}

.a_banner3 .b_right{ width:36.4%; overflow:hidden; float:right;position:relative;}

.a_banner3 img{width:100%}

.a_banner3 .b_left div{ position:absolute; top:0px; left:0px; width:100%; height:100%; color:#fff;}

.a_banner3 .b_left div h3{ padding:10% 0 0 3%; font-size:24px; font-weight:400; -webkit-transition:all .5s;transition:all .5s; color:#fff;-webkit-transition:all .5s;transition:all .5s; }

.a_banner3 .b_left div p{ padding-left:5%}

.a_banner3 .b_right div{ position:absolute; top:0px; left:0px; width:100%; height:100%; color:#fff;}

.a_banner3 .b_right div h3{ padding:16% 0 0 3%; font-size:24px; font-weight:400; -webkit-transition:all .5s;transition:all .5s; color:#fff;-webkit-transition:all .5s;transition:all .5s; }

.a_banner3 .b_right div p{ padding-left:5%}

.a_banner3 .b_left img,.a_banner3 .b_right img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%}

.a_banner3 .b_left:hover img,.a_banner3 .b_right:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}

.a_banner3 .b_left:hover h3{ padding-top:3%;-webkit-transition:all .5s;transition:all .5s; }

.a_banner3 .b_right:hover  h3{padding-top:3%;-webkit-transition:all .5s;transition:all .5s; }







.liuyan{ overflow:hidden; border:3px #ccc solid; padding:20px;}

.ly_left{width:48%; float:left; overflow:hidden;}

.ly_left img{width:100%;}

.ly_right{width:50%; float:right; overflow:hidden;}

.ly_right ul{ overflow:hidden;}

.ly_right ul li{width:48%; box-sizing:border-box; border:1px #ccc solid; border-radius:5px; float:left; margin-right:2%; padding:2% 0; margin-bottom:10px;}

.ly_right ul li img{float:left; margin:-3px 8px}

.ly_right ul li  input{width:84%}

.ly_right ul li:nth-child(5){width:98% }

.ly_right ul li:nth-child(6){width:98%; border:none; }

.ly_right ul li:nth-child(6) input{width:100%}

.ly_right ul li textarea{height:200px; width:84%}

.submit{ width:100%; background:#999; border-radius:5px; height:60px; line-height:60px; color:#fff;}



.zizhi{ overflow:hidden;}

.zizhi ul{ overflow:hidden;}

.zizhi ul li{ overflow:hidden; width:25%; box-sizing:border-box; border:10px rgba(0,0,0,0) solid; float:left; position:relative;transform 0.4s; -moz-transition:transform 0.4s; -ms-transition:transform 0.4s; -o-transition:transform 0.4s; -webkit-transition:transform 0.4s;}

.zizhi ul li div{ overflow:hidden; padding:8px; border:1px #ccc solid;}

.zizhi ul li div dd{ display:block; overflow:hidden; width:100%; height:100%; border:1px #ccc solid;}

.zizhi ul li div p{ padding:0 20px; height:50px; font-size:20px; line-height:50px; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; font-weight:400; text-align:center;}

.zizhi ul li div img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%}

.zizhi ul li:hover  div  dd img{-webkit-transform:scale(1.1);transform:scale(1.1)}

.zizhi ul li:hover{transform:translate(0,-10px); -moz-transform:translate(0,-10px); -ms-transform:translate(0,-10px); -o-transform:translate(0,-10px); -webkit-transform:translate(0,-10px); 

transition:transform 0.4s;-moz-transition:transform 0.4s; -ms-transition:transform 0.4s; -o-transition:transform 0.4s; -webkit-transition:transform 0.4s;}

.zizhi ul li:hover p{ color:#1898e9;}







#leftsead{width:180px;position:fixed;top:258px;right:0px;}

*html #leftsead{margin-top:258px;position:absolute;top:expression(eval(document.documentElement.scrollTop));}

#leftsead li{width:180px;height:53px; position:relative; }

#leftsead li img{float:right;border-bottom-left-radius:5px;border-top-left-radius:5px;}

#leftsead li a{height:49px;float:right;display:block;min-width:47px;max-width:180px; background:#333}

#leftsead li a .shows{display:block;}

#leftsead li a .hides{margin-right:-166px;cursor:pointer;cursor:hand;}



#leftsead li a.youhui div{display:none;position:absolute;right:50px;bottom:2px; width:130px;}

#leftsead li a.youhui div img { width:100%;}

#leftsead li a:hover{background:#ea0315;}



#leftsead li a.dhh:hover { width:180px;} 

#leftsead li span{float:left; position:absolute; top:11px; left:5px; display:block; color:#fff; font-size:20px; display:none;}

#leftsead li:hover span{ display:block;}

#leftsead li a.youhui:hover div{ display:block;}